<!DOCTYPE html>
<html>
<head>



    <template file="Home/meta" />
    <template file="Home/css" />

    <link rel="stylesheet" href="/Statics/Home/js/rating/themes/fontawesome-stars.css">


</head>
<body>



    <div class="am-g  well    am-margin-bottom-sm ">

        <div class="am-g  well      am-padding-sm">


            <volist name="orderlist.cslist" id="v">


                <div class=" am-cf cart-list-item common-border-bottom  am-bg-f5f5f5 am-margin-top-xs  am-padding-vertical-sm">



                    <div class="am-u-sm-4"><img src="{$v.thumb}" class="am-img-responsive" alt=""></div>
                    <div class="am-u-sm-8 am-text-xs">



                        <a href=" " class="">
                            <h3 class="am-margin-0">
                                {$v.title}</h3>
                            <div class="sku am-text-999" >

                                颜色分类:{$v.color};尺码: {:F('Var_chicun')[$v["chicun"]][name]}:外框: {:F('Var_waikuang')[$v["waikuang"]][name]}</div>
                        </a>


                        <div class="pay am-margin-top-sm am-cf div_info " >


                            <div class="am-fl">

                                <span class="am-text-warning am-text-sm"> ￥{$v.price}</span>

                            </div>
                            <div class="am-fr ">x{$v.num}</div>



                        </div>


                    </div>


                </div>


            </volist>
        </div>

        <div class="am-block am-cf  am-margin-top-sm am-padding-horizontal-sm">



            <span class="am-text-truncate">{$orderlist.title}</span>
        </div>



        <div class="am-block am-cf am-margin-top-sm am-padding-horizontal-sm">

            <span>订单编号:</span>

            <span class="am-fr">{$orderlist.order_sn}</span>
        </div>


        <div class="am-block am-cf am-margin-top-sm am-padding-horizontal-sm">

            <span>总价:</span>

            <span class="am-fr">{$orderlist.price_sum}</span>
        </div>

        <div class="am-block am-cf am-margin-top-sm am-padding-horizontal-sm">

            <span>收货人:</span>

            <span class="am-fr">{$orderlist.name}</span>
        </div>

        <div class="am-block am-cf am-margin-top-sm am-padding-horizontal-sm">

            <span>快递:</span>

            <span class="am-fr">{$orderlist.kuaidi}</span>
        </div>

        <div class="am-block am-cf am-margin-top-sm am-padding-horizontal-sm">

            <span>快递号:</span>

            <span class="am-fr">{$orderlist.kuaidihao}</span>
        </div>


        <div class="am-block am-cf am-margin-top-sm am-padding-horizontal-sm">

            <span>手机:</span>

            <span class="am-fr">{$orderlist.tel}</span>
        </div>

        <div class="am-block am-cf am-margin-top-sm am-padding-horizontal-sm">
            地址:{$orderlist.address}
        </div>



        <if condition="$orderlist[desc]">
        <div class="am-block am-cf am-margin-top-sm am-padding-horizontal-sm">

            <span>备注:</span>

            <p class="">{$orderlist.desc}</p>
        </div>
</if>

        <div class="am-block am-cf am-margin-top-sm am-padding-horizontal-sm">
            <span>支付状态 </span>
            <span class="am-fr">{$orderlist.status|get_status_name} </span>

        </div>




        <div class="am-block am-cf am-margin-top-sm am-padding-horizontal-sm common-border-bottom">
            <h3 class="am-margin-0 am-fl">评价结果 </h3>
            <span class="am-fr">

                  <switch name="pingjia['pingjia']">
                      <case value="hao" break="1">  <span class="iconfont icon-haoping hao">好评</span></case>
                      <case value="zhong" break="1"> <span class="iconfont icon-zhongping1 zhong">好评</span></case>
                      <case value="cha" break="1"><span class="iconfont icon-chaping1 cha">好评</span></case>

                  </switch>

            </span>

        </div>






        <div class="am-cf">
            <div class="am-u-sm-3 am-text-sm">描述相符:</div>
            <div class="am-u-sm-8">

               {$pingjia.miaoshu} 分
            </div>





        </div>

        <div class="am-cf">
            <div class="am-u-sm-4 am-text-sm">物流服务:</div>
            <div class="am-u-sm-8">
                {$pingjia.wuliu} 分

            </div>





        </div>


        <div class="am-cf">
            <div class="am-u-sm-3 am-text-sm">服务态度:</div>
            <div class="am-u-sm-8">
                {$pingjia.fuwu} 分

            </div>





        </div>

        <div class="am-cf">
            <div class="am-u-sm-3 am-text-sm">描述:</div>
            <div class="am-u-sm-8">
                {$pingjia.content}

            </div>





        </div>








    </div>


    </div>

    <div data-am-widget="navbar" class="am-navbar am-cf am-navbar-index  common-border-top "
         id="">
        <template file="Home/bottom_nav" />
    </div>

    <template file="Home/js" />

    <script src="/Statics/Home/js/rating/jquery.barrating.min.js"></script>


    <script>


        $(function() {

                    $('.rang').barrating({
                        theme: 'fontawesome-stars'
                    });

        })
    </script>







</body>
</html>